<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/register.css">
    <script src="js/jquery.js"></script>
    <script src="js/js.cookie.js"></script>
    <script src="js/layer/layer.js"></script>
</head>
<body>
<div class="jx-wrap">
    <div class="jx-top">
        <div class="jx-topmian mian">
            <div class="jx-logo">
                <p><a target="_black" href="index.html"></a></p>
                <a class="jx-topic"><img src="images/slogan.jpg" alt=""></a>
            </div>
            <div class="jx-nav">
                <div>
                    <span>帮助中心</span>
                    <i class="jx-jt"></i>
                </div>
                <div class="jx-pop">
                    <ul>
                        <li><a href="javascript:void(0)">配送说明</a></li>
                        <li><a href="javascript:void(0)">支付方式</a></li>
                        <li><a href="javascript:void(0)">售后服务</a></li>
                        <li><a href="javascript:void(0)">企业客户</a></li>
                    </ul>
                </div>
            </div>
            <div class="jx-reg">
                欢迎来到酒仙网!
                <a href="login.html">点击登录</a>
            </div>
        </div>
    </div>
    <!-- 中间部分注册 -->
    <div class="jx-center">
        <div class="jx-content mian">
            <form action="">
                <div class="jx-zh">
                    <div class="jx-sj">手机号</div>
                    <div class="jx-zhh">
                        <i></i>
                        <input type="text" name="user" placeholder="请输入手机号" autocomplete="off" >
                        <p>请输入十一位手机号</p>
                        <s></s>
                    </div>
                </div>
                <div class="jx-yz">
                    <div class="jx-yzm">验证码</div>
                    <div class="jx-yzmm">
                        <i></i>
                        <input type="text" name="code" placeholder="请输入验证码" class="input-val" autocomplete="off">
                        <canvas id="canvas" width="100" height="43"></canvas>
                        
                        <p>请输入验证码</p>
                    </div>
                </div>
                <div class="jx-m">
                    <div class="jx-mm">密码</div>
                    <div class="jx-mmm">
                        <i></i>
                        <input type="password" name="pwd" placeholder="请输入密码">
                        <p>8-20位字符，数字、大小写字母、符号三种组成</p>
                        <s></s>
                    </div>
                </div>
                <div class="jx-zm">
                    <div class="jx-zmm">密码</div>
                    <div class="jx-zmmm">
                        <i></i>
                        <input type="password" name="pwd1" placeholder="请再次输入密码">
                        <p>请再次输入密码</p>
                        <s></s>
                    </div>
                </div>
                <div class="jx-zysx">
                    <input type="checkbox">
                    <p>
                        <span>我已阅读并同意</span>
                        <a href="javascript:void(0)">《酒仙网用户注册协议》</a>
                        <a href="javascript:void(0)">《酒仙网隐私协议》</a>
                    </p>
                </div>
                <div class="fuwu">请接受服务协议</div>
                <input type="submit" class="btn" value="立即注册"></input>
            </form>
        </div>
    </div>

     <!-- 底部栏 -->
     <div class="jx-footer">
        <div class="jx-foot mian">
            <p>© &nbsp; 酒仙网  &nbsp;2011 &nbsp;jiuxian.com All  &nbsp;Rights&nbsp; Reserved&nbsp;  京ICP证110141号&nbsp;  京公网安备1101050188221</p>
            <p>购买前请确认达到法定饮酒年龄！酒仙网不销售任何含酒精产品给18岁以下人士！</p>
        </div>
    </div>
</div>
</body>
</html>
<script src="js/register.js"></script>